﻿<%@ Page Language="C#" MasterPageFile="~/Share.Master" AutoEventWireup="true" CodeBehind="career.aspx.cs" Inherits="Web.career" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<form id="form1" runat="server">
<div class="intro"> 
		<div class="nav"> 
			<li><span>招聘</span></li>
		</div> 
		<div class="introcontent"> 
                <div class="slidecareer" id="careerabout">
                    <asp:Repeater ID="CareerPicRpt" runat="server">
                        <ItemTemplate>
                            <div>
                                   <img src="<%#Eval("PicURL") %>" alt="<%#Eval("PicName") %>" title="<%#Eval("PicName") %>" />
                            </div>
                        </ItemTemplate>
                    </asp:Repeater>
                </div>
			<div class="introlist"> 
			    <%=content %>
			</div> 
		</div>		
	</div> 
	
		<div class="careerinfo"> 
		<div class="nav"><li><span>职位</span></li><a href="mailto:ChingeDesign@gmail.com"></a></div> 
		<div class="offerlist"> 
            <asp:DataList ID="CareerList" runat="server" RepeatColumns="3" RepeatDirection="Horizontal">
            <ItemTemplate>
              <div class='<%# Eval("RowType") %> lrb'> 
				<div class="offertitle"> 
					<span><%# Eval("CareerCName") %></span><br /><span class="offerename"><%# Eval("CareerEName") %></span><br /><p class="careertime"><%# Eval("ShowTime") %></p>
				</div> 
				<div class="offerimg"><img src='<%# Eval("PicURL") %>' alt="交互设计师招聘" width="70px" /></div> 
				<div class="clearboth"></div> 
				<div class="offercontent"> 
					<%# Eval("CareerContent") %>
				</div> 
			</div> 
            </ItemTemplate>
            </asp:DataList>
		</div> 
	</div> 
	<div class="clearboth"></div> 
	<div class="careeremail">
	    <a href="mailto:ChingeCareer@gmail.com">请投递简历和作品集到以下邮箱</a>
	</div>
</div>
</form>
</asp:Content>
<asp:Content ID="content2" ContentPlaceHolderID="jsContent" runat="server">
<script src="script/jquery.lazyload.js" type="text/javascript"></script>

<script type="text/javascript" language="javascript">
    $(function() {
        //$("#careerabout img").lazyload();
        
        $('#careerabout').cycle({
            timeout: 5000, // milliseconds between slide transitions (0 to disable auto advance)
            fx: 'scrollHorz', // choose a transition type, ex: fade, scrollUp, shuffle, etc...            
            pager: '#slidepager', // selector for element to use as pager container
            pause: 0, // true to enable "pause on hover"
            pauseOnPagerHover: 0, // true to pause when hovering over pager link
            prev: '.slidepre',
            next: '.slidenext',
            speed: 500
        });
    });
</script>
</asp:Content>